<template>
    <div style="background: #fff;min-height: 100vh;">
        <div class="binding-return">
            <i @click="returnHome" class="bindingticon iconfont icon-jiantou"></i>
            <span style="position: absolute;left: calc(50% - 32px);">{{pageName}}</span>
        </div>
        <iframe style="width:100%;min-height:calc(100vh - 56px);position: absolute;" :src="jumpURl" frameborder="0"></iframe>
    </div>
  </template>
  
  <script>
  export default {
    name: 'tianmaoPage',
    data () {
      return {
          jumpURl:'',
          pageName:''
      }
    },
    mounted() {        
        var pageStr = this.$route.params.str;
        if(pageStr == 'tianmaoChao'){
            this.jumpURl = "https://chaoshi.m.tmall.com/";
            this.pageName = "天猫超市"
        }
        if(pageStr == 'tianmaoGuo'){
            this.jumpURl = "https://pages.tmall.com/wow/jinkou/act/zhiyingchaoshi?from=zebra:offline";
            this.pageName = "天猫国际"
        }
    },
    methods: {
        returnHome(){
            this.$router.push('/');
        }
    },
  }
  </script>
  
  <!-- Add "scoped" attribute to limit CSS to this component only -->
  <style scoped>
      @import url("../assets/font/iconfont.css");
      .bindingticon{
            font-size: 18px;
            color: #000000;
            font-weight: 900;
        }
      .binding-return{
        width: 100%;
        padding: 12px 10px 0 10px;
        height: 56px;
        text-align: center;
        position: relative;
        display: flex;
        justify-content: space-between;
          background: #FFFFFF;
    }
    .binding-return span{
        display: block;
        font-size: 16px;
        font-family: PingFangSC-Semibold, PingFang SC;
        font-weight: 600;
        color: rgba(51, 51, 51, 1);
        line-height: 22px;

    }
  </style>
  